<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Index</title>
  <link rel="stylesheet" href="Css/index.css">
  <script src="Js/navbar.js"></script>
  <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js"></script>
  <script src="Js/Text scrolling.js"></script>
  <script src="Js/move3.js"></script>
  <script src="Js/lunbo.js"></script>
</head>

<body>
  <nav id="navbar">
    <div class="header">
        <div class="nav-wrapper">
            <div class="nav-container">
                <div class="nav-l">
                    <div class="logo">
                        <img src="./Img/logo.png" class="logo" alt="Logo">
                    </div>
                    <ul class="nav-a">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="Branch/5G.html">5G</a></li>
                        <li><a href="Branch/AI Plus.html">人工智能</a></li>
                        <li><a href="Branch/Digital currency.html">数字货币</a></li>
                        <li><a href="Branch/things.html">物联网</a></li>
                    </ul>
                </div>
                <div class="nav-r">
                    <div class="b-l"><a href="Branch/Contact us.html">联系我们</a></div>
                    <div class="b-lx"></div>
                    <a href="https://gitee.com/chen-jieyan-jy/group-assignments.git" target="_blank">
                        <button><img src="Img/arrow.png" alt="">我们的仓库</button>
                    </a>
                </div>
            </div>
        </div>
    </div>
</nav>


  <div id="warp-x">
    <div id="warp-1">
      <div id="title">
        <div id="title1">A BRiEF DISCUSSION</div>
        <div id="title2">ON THE METAVERSE</div>
      </div>
      <div id="box1">
        <div id="box1-1">
          <div id="substance">
            <img src="Img/logo.png" alt="" id="img1">
            <div id="character">
              <div id="noun">GROUP</div>
              <div id="noun-text">"Morning eight" was originally an abbreviation of "morning eight", referring to those who need to get up early to go to work and study, and they usually need to get up before 8 am and start the busy day. Later, the use of "morning eight" gradually expanded, and in addition to denoting the time of eight in the morning, it can also be used to describe something that happens in advance or in advance.</div>
            </div>
          </div>
        </div>
      </div>

      <div id="box2">
        <div id="box2-1">
          <div id="div1">
            <div class="bold">CONCEPTION</div>
            <div class="bold">元宇宙概念</div>
            <div id="text1">元宇宙(Metaverse)钱学森命名为灵境,是指人类运用数字
              技术构建的,由现实世界映射或超越现实世界,可与现实世界交互的虚拟世思,具备新型社会体系的数字生活空间。</div>
          </div>
        </div>
        <div id="box2-2">

            <div class="bold" id="div6">元宇宙</div>
            <!-- 文字滚动 -->
            
            <div id="text18">
              “元宇宙”本身并不是新技术，而是集成了一大批现有技术，包括5G、云计算、人工智能、虚拟现实、区块链、数字货币、物联网、人机交互等。准确地说，元宇宙不是一个新概念与新技术，它更是在扩展现实（XR）、区块链、云计算和数字孪生等技术下的概念具化。
            </div>
    
         <div id="gun">
          <div class="main">
            <div class="wrap">
              <div class="scroll">
                <span>METAVERSE METAVERSE METAVERSE METAVERSE METAVERSE</span>
              </div>
            </div>
            <div class="wrap">
              <div class="scroll">
                <span style="color:red;font-weight: bold;">METAVERSE METAVERSE METAVERSE METAVERSE METAVERSE</span>
              </div>
            </div>

            <div class="wrap">
              <div class="scroll">
                <span>METAVERSE METAVERSE METAVERSE METAVERSE METAVERSE</span>
              </div>
            </div>
          </div>
         </div>


        
   
        </div>
      </div>

      <div id="box3">
        <div id="box3-1">
          <div id="div3">
            <div id="div5">
              <div id="text2" class="bold">各词诞生</div>
              <div id="text3">天于“元字宙”,比较认可的思想源头是美国数学家和计算机专家弗诺·文春教授,在其1981年出版的小说《真名实姓》中,创造性地构思了一个通过脑机接口进几并获得感官体验的虚拟世界。
              </div>
            </div>
          </div>
          <div id="div4">
            <div id="text4" class="bold">特征要素</div>
            <div id="text5">
              在元宇宙特征与属性的START图谱中,北京大学陈刚教授与量浩宇博土栋理并系统界定了元宇宙的五大特征与属性,即:社会与空间属性(Social&Space)、科技赋能的超越延伸(Technology
              Tension)、人、机与人工智能共创(Artificial, Machine & AI)、真实感与现实映射性(Realty&Refiection)、交易与流通(Trade&Transaction)。</div>
          </div>
        </div>
        <div id="box3-2">
          <div id="text6" class="bold"> Rapid development </div>
          <div id="text7">
            2020年人类社会到达虚拟化的临界点,一方面疫情加速了社会虚拟化,在新冠肺炎疫情防控措施下,全社会上网时长大幅增长,““宅经济”快速发展另一方面,线上生活由原先短时期的倒外状态成为常态,由现实世界的补充变成了与现实世界的平行世界,人类现实生活开始大规模向虚拟世界迁移，人类成为现实与数字的“两栖物种”。
          </div>
          <div id="text8">2022年4月25日,Facebook母公司Meta宣布,其第一家“元宇宙”实体店将于5月开业,消费者可以在实体店试用和购买虚拟现实(VR)头显和其他设角。</div>
          <div id="text9">2022年5月31日,由中国外文局所属中国网和当代中国与世界研究院共同发起的“元宇审国际传播实验室”宣布成立。</div>
        </div>
      </div>

      <!-- 轮播 -->
      <div id="box4">
        <div class="carousel">
          <div class="logos"></div>
          <div class="mask"></div>
        </div>
      </div>

      <div id="box5">
        <div id="box5-1">
          <div id="text10" class="bold">核心技术</div>
          <div id="text11" class="bold">Core technology</div>
          <div id="text12">Extended</div>
          <div id="text13">Realiy technology</div>
        </div>
        <div id="box5-2">
          <div id="text14">Digital twins</div>
        </div>
        <div id="box5-3">
          <div id="text15">Build an</div>
          <div id="text16">economic system</div>
        </div>
      </div>

      <div id="box6">
        <div id="text17" class="bold">Metaverse</div>

        <div class="pic" id="pic">
          <span class="prev"><img src="Img/arrow1.png" alt="arrow" /></span>
          <span class="next"><img src="Img/arrow2.png" alt="arrow" /></span>
          <ul>
            <li class="pic1"><a><img src="Img/f1.jpg" /></a></li>
            <li class="pic2"><a><img src="Img/f2.jpg" /></a></li>
            <li class="pic3"><a><img src="Img/f3.jpg" /></a></li>
            <li class="pic4"><a><img src="Img/f4.jpg" /></a></li>
            <li class="pic5"><a><img src="Img/f5.jpg" /></a></li>
            <li class="pic6"><a><img src="Img/f6.jpg" /></a></li>
            <li class="pic7"><a><img src="Img/f7.jpg" /></a></li>
            <li class="pic7"><a><img src="Img/f8.jpg" /></a></li>
          </ul>
        </div>

      </div>



    </div>
  </div>




</body>

</html>